<template>
  <div>  
    <Header/>
    <!-- 路由组件展示区 -->
    <h2><router-view></router-view></h2>
    <!-- 在Home、Search显示，登录、注册隐藏 -->
    <!-- <Footer v-show="$route.path === '/home' || $route.path === '/search'"></Footer> -->
    <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>
import Header from './components/Header/Header.vue'
import Footer from './components/Footer/Footer.vue'
export default {
  name: 'App',
  components: {
    Header,
    Footer
  },
  mounted(){
    // 在路由中 只要切换 就一直在销毁和执行中
    // 所以放在 App 里面 这样性能最佳
    this.$store.dispatch('home/categoryList')
  }
}
</script>

<style>

</style>
